<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>头部分</title>
		<link rel="stylesheet" href="css/top.css" type="text/css">
	</head>
	<body>
		<div class="header">
				<!--++++++++++++++++++++++++++++++++++++++++++++++++++++欢迎光临当当网 开始-->
				<div class="top">
					<!--++++++++++++++++++++++++++++++++++++++++++++++++++++++左边部分-->
					  <div class="top_left">
					    <ul>
					    	<li><a href="index.html" target="_parent">您好！欢迎光临当当网</a></li>
					    	<li><a href="login.html" target="_parent">[ 登录 </a><em>|</em></li>
					    	<li><a href="register.html" target="_parent">免费注册 ]</a></li>
					    </ul>
				      </div><!--end nav_left-->
				      <!--++++++++++++++++++++++++++++++++++++++++++++++++++右边部分-->
				      <div class="top_right">
					     <ul>
					    	<li><a href="shopping.html" target="_parent" class="shpA"><img src="images/dd_header_shop.gif"/>购物车</a><em>|</em></li>
					    	<li><a href="#">个性化推荐</a><em>|</em></li>
					    	<li><a href="#">礼品卡</a><em>|</em></li>
					    	<li><a href="#">团购</a><em>|</em></li>
					    	<li><a href="#">我的当当&nbsp;<img src="images/dd_arrow_down.gif"/></a><em>|</em></li>
					    	<li><a href="#">帮助</a></li>
					    </ul>
				      </div><!--end nav_right-->
				</div><!--end nav-->
				<!--+++++++++++++++++++++++++++++++++++++++++++++++++++++++++导航开始-->
				<div class="nav">
					<!--+++++++++++++++++++++++++++++++++++++++++++++++++++++导航首页开始-->
					<div class="nav_navT1">
					    <a href="#">当当网</a>
					    <ul class="leftUl">
					    	<li><a href="index.html" target="_parent">首页</a><em>|</em></li>
					    	<li><a href="#">图书</a><em>|</em></li>
					    	<li><a href="#">音乐</a><em>|</em></li>
					    	<li><a href="#">影视</a><em>|</em></li>
					    	<li><a href="#">运动</a><em>|</em></li>
					    	<li><a href="#">服饰</a><em>|</em></li>
					    	<li><a href="#">家居</a><em>|</em></li>
					    	<li><a href="#">美妆</a><em>|</em></li>
					    	<li><a href="#">母婴</a><em>|</em></li>
					    	<li><a href="#">食品</a><em>|</em></li>
					    	<li><a href="#">数码家电</a></li>
					    </ul>
					    <!--++++++++++++++++++++++++++++++++++++++++++++++导航首页的右边部分-->
					    <ul class="rightUl">
					    	<li class="dd_header_1_a"><a href="#" >商品街</a></li>
					    	<li class="dd_header_2_a"><a href="#" >促销</a></li>
					    	<li class="dd_header_3_a"><a href="#" >当当<img src="images/dd_header_top.png"/></a></li>
					    	<li class="dd_header_2_a"><a href="#" >社区</a></li>
					    	<li class="dd_header_3_a"><a href="#" >在线读书</a></li>
					    </ul>
				    </div><!--end top_navT1-->
				    <!--+++++++++++++++++++++++++++++++++++++++++++++++++++导航图书分类-->
				    <div class="nav_navT2">
					     <ul>
					    	<li><a href="#">小说</a><em class="em1">|</em></li>
					    	<li><a href="#">青春</a><em class="em1">|</em></li>
					    	<li><a href="#">小说</a><em class="em1">|</em></li>
					    	<li><a href="#">历史</a><em class="em1">|</em></li>
					    	<li><a href="#">保镖</a><em class="em1">|</em></li>
					    	<li><a href="#">少儿</a><em class="em1">|</em></li>
					    	<li><a href="#">旅游</a><em class="em1">|</em></li>
					    	<li><a href="#">期刊</a><em class="em1">|</em></li>
					    	<li><a href="#">图书畅销榜</a><em class="em1">|</em></li>
					    	<li><a href="#">新书热卖榜</a><em class="em1">|</em></li>
					    	<li><a href="#">特价书</a><em class="em1">|</em></li>
					    	<li><a href="#">图书促销</a><em class="em1">|</em></li>
					    	<li><a href="#">所有图书分类</a></li>
					    </ul>
				    </div><!--end top_navT2-->
				    <!--+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++图书搜索部分-->
				    <div class="top_search">
					<input type="text"id = "inpTxt" class="inp">
					<button id = "inpBtn" class="btn">在图书中搜索</button>
				        <ul>
						   	<li><a href="#" class="arrow_right"><img src="images/dd_arrow_right.gif"/></a><a href="#">高级搜索</a><em>|</em></li>
						   	<li>
						   		<a href="#" class="search_t">搜索风云榜</a><a href="#">雅思</a>
						   		<em>|</em>
						   	</li>
						   	<li>
						   		<a href="#">建造师</a>
						   		<em>|</em>
						   	</li>
						   	<li><a href="#">中里巴人</a><em>|</em></li>
						   	<li><a href="#">注会</a><em>|</em></li>
						   	<li><a href="#">新概念英语</a><em>|</em></li>
						   	<li><a href="#">更多>></a></li>
				        </ul>
				    </div><!--end top_search-->
			 </div><!--end nav-->
			</div><!--end header-->
	</body>
</html>
